.center {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
}
.wrap {
  width: 100%;
  animation: scroll 4s linear;
  -webkit-animation: scroll 4s linear;
  -o-animation: scroll 4s linear;
  -moz-animation: scroll 4s linear;

  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
}
.item {
  height: 25%;
  width: 100%;
  color: red;
  display: flex;
}
.left {
  padding-left: 10px;

  .center();
}
.right {
  // text-align: right;
  padding-right: 10px;
  justify-content: end;
  .center();
}
@keyframes scroll {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-500px);
  }
}
@-webkit-keyframes scroll {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(500px);
  }
}

@-moz-keyframes scroll {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(500px);
  }
}
@-o-keyframes scroll {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(500px);
  }
}
